@charset "UTF-8";
/* CSS Document||qwc 2019年6月 */
html {overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
* {word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
table {border-collapse: collapse;}/*细线表格*/
fieldset, img {border: none;}/*清除描边,块显示*/
ul, li {list-style-type: none;}/*无列表项目标记*/
a {text-decoration: none;color: #666666;outline: none;}/* 链接无下划线,有为underline;链接去框 */
a:link {color: #ffffff;}/* 未访问的链接 */
a:visited {color: #ffffff;}/* 已访问的链接 */
a:hover {color: #01ad6a;}/* 鼠标在链接上 */
a:active {color: #666666;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
html, body, title, head, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, font, span, div{font-family: '思源黑体';}
*{font-family:"思源黑体";}
body {font-size: 12px;color: #666;background: #f5f5f5;min-width:1340px;}/* 设置body */
select,input{vertical-align: middle;outline: none;}/* 设置表单 */
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {cursor: pointer;outline: none;}/* 设置表单按钮 */
textarea{outline: none;}/* 设置表单文本域 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color: #aab2bd; /* placeholder颜色  */
	font-size:12px; /* placeholder字体大小  */
	text-align: left; /* placeholder位置  */
}
.subBanner{ height:350px;    padding-top: 90px;}
.ab_bannerpc{display: none;}
.box-size{ box-sizing: border-box; -webkit-box-sizing: border-box;}/* 内盒子代码 */
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
img {border: none;}/* 设置图片 */
.bai{ background: #FFF;overflow: hidden;}/* 公共颜色白色 */
.hui{ background: #f2f2f2;}/* 公共颜色灰色 */
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.table{ display: table; width: 100%; height: 100%;}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}/* 设置默认图 */
.wrap {width: 1200px;clear: both;margin: 0 auto;}/* 规定页面内容区域宽度 */
.clear {clear: both; height: 0px; overflow:hidden;}/* 清除浮动 */
.h2 {clear: both;height: 2px;overflow:hidden;}/* 自定义页面间距 */
.h10 {clear: both;height: 10px;overflow:hidden;}/* 自定义页面间距 */
.h15 {clear: both;height: 15px;overflow:hidden;}/* 自定义页面间距 */
.h20 {clear: both;height: 20px;overflow:hidden;}/* 自定义页面间距 */
.h25 {clear: both;height: 25px;overflow:hidden;}/* 自定义页面间距 */
.h30 {clear: both;overflow:hidden;height: 30px;}/* 自定义页面间距 */
.h35 {clear: both;height: 35px;}/* 自定义页面间距 */
.h40 {clear: both;height: 40px;}/* 自定义页面间距 */
.h60 {clear: both;height: 60px;overflow:hidden;}/* 自定义页面间距 */
.h90{clear: both;height: 90px;overflow:hidden;}
/*公共部分结束*/

@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}

@-webkit-keyframes gzoomIn{0%{opacity:0; transform: scale(0.2);}100%{opacity:1; transform: scale(1);}}
@-moz-keyframes gzoomIn{0%{opacity:0; transform: scale(0.2);}100%{opacity:1; transform: scale(1);}}
@keyframes gzoomIn{0%{opacity:0; transform: scale(0.2);}100%{opacity:1; transform: scale(1);}}

@-webkit-keyframes gzoomOut{0%{opacity:1; transform: scale(1); }100%{opacity:0; transform: scale(0.2);}}
@-moz-keyframes gzoomOut{0%{opacity:1; transform: scale(1);}100%{opacity:0; transform: scale(0.2);}}
@keyframes gzoomOut{0%{opacity:1; transform: scale(1);}100%{opacity:0; transform: scale(0.2);}}

@-webkit-keyframes gflipIn{0%{opacity:0; transform:  perspective(1500px) rotate3d(1, 0, 0, -45deg) translateY(-30px); }100%{opacity:1; transform: perspective(400px)  translateY(0);}}
@-moz-keyframes gflipIn{0%{opacity:0; transform:  perspective(1500px) rotate3d(1, 0, 0, -45deg) translateY(-30px);}100%{opacity:1; transform: perspective(400px)  translateY(0);}}
@keyframes gflipIn{0%{opacity:0; transform:  perspective(1500px) rotate3d(1, 0, 0, -45deg) translateY(-30px);}100%{opacity:1; transform: perspective(400px)  translateY(0);}}

@-webkit-keyframes gzoomBigIn{0%{opacity:0; -webkit-transform:scale(1.5);}100%{opacity:1;-webkit-transform:scale(1);}}
@-moz-keyframes gzoomBigIn{0%{opacity:0; -moz-transform:scale(1.5);}100%{opacity:1;-webkit-transform:scale(1);}}
@keyframes gzoomBigIn{0%{opacity:0; transform:scale(1.5);}100%{opacity:1;-webkit-transform:scale(1);}}

.ghide{
    opacity: 0;
}

.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
    opacity: 1;
	}
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
    opacity: 1;
	}
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
    opacity: 1;
	}
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
    opacity: 1;
	}
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
    opacity: 1;
}
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
    opacity: 1;
}
.gzoomIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gzoomIn 1s 0.1s both;
    -moz-animation: gzoomIn 1s 0.1s both;
    animation: gzoomIn 1s 0.1s both;
    opacity: 1;
}
.gzoomBigIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gzoomBigIn 1s 0.1s both ease-out;
    -moz-animation: gzoomBigIn 1s 0.1s both ease-out;
    animation: gzoomBigIn 1s 0.1s both ease-out;
    opacity: 1;
}
.gzoomOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gzoomOut 1s 0.1s both;
    -moz-animation: gzoomOut 1s 0.1s both;
    animation: gzoomOut 1s 0.1s both;
    opacity: 1;
}
.gflipIn{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gflipIn 1s 0.1s both;
	-moz-animation: gflipIn 1s 0.1s both;
	animation: gflipIn 1s 0.1s both;
	opacity: 1;
	transform-origin: center top;
    animation-delay: 0.2s;
}
/* 首页翻转 */
@keyframes mk_3d_top {
  0% {
    -webkit-transform: perspective(600px) rotateX(60deg);
    transform: perspective(600px) rotateX(60deg);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
  }
  100% {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
  }
}
.animation_3d_top {
  -webkit-animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* 摇晃动画 */
@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg); } 
}

.depth{
	-webkit-animation: wave 4s 0.1s infinite linear;
    -moz-animation: wave 4s 0.1s infinite linear;
    animation: wave 4s 0.1s infinite linear;
}

@keyframes rotateH{
  0% {
    -webkit-transform: perspective(600px) translateY(-100px) rotateX(-60deg);
    transform: perspective(600px) translateY(-100px) rotateX(-60deg);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
	opacity: 0;
  }
  100% {
    -webkit-transform: perspective(600px) translateY(0) rotateX(0deg);
    transform: perspective(600px) translateY(0) rotateX(0deg);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
	opacity: 1;
  }
}
.rotateH{
  -webkit-animation: rotateH 0.8s cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateH 0.8s cubic-bezier(0.7, 0, 0.3, 1);
}
.main_xq{ background:#fff;padding-bottom:0px;}

.banner_xq{ position:relative;}
.banner_xq img{ width:100%; height:auto; display:block;}
.ban_text{ position:absolute; bottom:90px; max-width:1200px; left:50%; margin-left:-600px;}

.ban_text2{ position:absolute; bottom:90px; max-width:1200px; right:50%; margin-right:-600px;}
.ban_text2 img{ float:right;}


.ban_text img {display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.ban_text:hover img{-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:14s;-ms-animation-duration:14s;animation-duration:14s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}


.ban_text2{    transition: all 0.5s ease 0s;}

.ban_text2:hover{ bottom:80px;transition: all 0.5s ease 0s;}    
.ab5_div,.abdd_div{ padding:20px 0px; line-height:30px; font-size:16px; color:#4d4d4d; overflow:hidden; padding-top:70px; padding-bottom:60px;}

.zk_poi{ display:block; margin-top:20px; padding-left:30px; background-image:url(../images/t24.png); background-repeat:no-repeat; background-position:5px; width:80px; float:right; cursor:pointer;    color: #e28123;}
.zk_poi6{ display:block; margin-top:20px; padding-left:30px; background-image:url(../images/t24.png); background-repeat:no-repeat; background-position:5px; width:80px; float:right; cursor:pointer;    color: #e28123;}
.rt_ting{ max-width:1500px; margin:0px auto;}
.t5_right{ width:80%; float:right;}
.abu_3{ padding-top:70px; overflow:hidden;}
.abu_3 div{box-sizing: border-box;}
.yuy_tit{ text-align:left; background:url(../images/t20.png) no-repeat; padding-left:60px; width:20%; float:left;margin-top: 40px;    box-sizing: border-box;}
.yuy_tit.t5_left{    margin-top: 0;}
.yuy_tit span{ font-size:30px; color:#333; display:block;}
.yuy_tit em{ font-size:20px; padding-top:4px; color:#6f6f6f; display:block; font-style:normal;}

.biji-poi h2{ font-size:22px; padding-bottom:4px; text-align:left; color:#000;}
.biji-poi span{ font-size:16px; line-height:30px; text-align:left; display:block;}


.biji-poi{ width:90%; float:left;}


.biji-content{ width:90%; float:left;}
.ab5_div .biji-oth:hover,.abdd_div .biji-oth:hover{color: #666666;}
.biji-content .b h2{ font-size:22px; padding-bottom:4px; text-align:left; color:#000;}
.biji-content .b span{ font-size:16px; line-height:30px; text-align:left; display:block;}

.abu_2 ul{ overflow:hidden; margin-top:50px; background:#000;}
.abu_2 ul li{ width:33.33%; float:left; }
.abu_2 ul li img{ width:100%; height:auto; display:block;opacity:0.6;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

.abu_2 ul li:hover img{ opacity:1;}

.ab3_right{ width:78%; float:right;}


.ab3_right ul li{ width:50%; float:left; padding:25px; border-right:solid 1px #ececec;  background-repeat:no-repeat; background-position:right; background-size:auto 100%; height:130px; text-align:left;box-sizing: border-box;}
.ab3_right ul li h3{ font-size:20px; display:block; color:#000;}
.ab3_right ul li span{ font-size:16px; padding-top:20px; padding-left:50px; color:#464646; display:block; line-height:26px;}

.ab3_right ul li:hover{background-image:url(../images/t21.png); background-color:#d8b48e; }

.ab3_right ul li:hover h3{ color:#fff;}
.ab3_right ul li:hover span{ color:#fff;}

#tab_li5{ overflow:hidden;}

.abu_4 #left-side ul li{ color:#fff;}

.abu_4 #right-side #first2,.abu_4 #right-side #second2{ color:#333;}

.abu_4 #right-side{ width:100%; position:absolute;}
.abu_4 #right-side #first2{ }
.abu_4 #left-side{ position:absolute; right:50px; top:180px; z-index:99099; height:200px; width:150px;}

.abu_4{}
.abu_4 #tab_li5{ position:relative; margin-top:30px; height:670px;}
.abu_4 #border{ right:200px; z-index:99099; top:180px; height:360px;}
.abu_4 #tab_li5 img{ width:100%; height:auto; display:block;}



.abu_4 #right-side #first2.active, .abu_4 #right-side #second2.active, .abu_4 #right-side #second3.active, .abu_4 #right-side #second4.active{ height:670px; }


.abu_4 #right-side #first2{ background-image:url(../images/gywm_11.jpg);  position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.abu_4 #right-side #second2{ background-image:url(../images/gywm_11.jpg);  position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.abu_4 #right-side #second3{ background-image:url(../images/gywm_11.jpg);  position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.abu_4 #right-side #second4{ background-image:url(../images/gywm_11.jpg);  position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}

.hj_1{ position:absolute; width:400px; top:50%; left:50%; margin-left:-200px; margin-top:-70px;}
.hj_1 em{ font-size:24px; display:block; padding:15px 0px; color:#fff; font-style:normal;}
.hj_1 i{ font-size:24px; color:#fff; display:block; width:54px; margin:0px auto; margin-top:30px; height:50px; text-align:center; line-height:50px; border-radius:50px; border:solid 1px #fff;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; position:relative; top:0px;}

.hj_1 i:hover{ top:-6px;}


.abu_5{ overflow:hidden; padding:70px 0px;}
.swiper-container2{ position:relative; width:80%; float:right; overflow:hidden; height:193px;    padding: 50px 0 40px 0;}

.swiper-container2 .swiper-button-next{ background-image:url(../images/t27.png);}
.swiper-container2 .swiper-button-prev.swiper-button-disabled,.swiper-container2 .swiper-button-prev{ background-image:url(../images/t28.png);}

.mk_p{ width:90%; position:absolute; left:5%; top:50%; height:1px; background:#eee;}

.nu_1 span{background:#d2d2d2; position:absolute; top:3px; left:3px;  width: 9px; border-radius: 50%; display:block; height: 9px;}
.nu_1 div{background:rgba(219, 219, 219, 0.4);   width: 15px; border-radius: 50%;  height: 15px; display:block; }

.nu_1{ position:absolute; top:40px; left:50%; margin-left:-10px; width:20px; height:20px;}
.xc_1 span{ position:absolute; top:0px; width:100%; display:block; font-size:20px; color:#000;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s }
.xc_1 h2{ bottom:-40px; position:absolute;width:100%; display:block; font-size:14px; color:#5b5b5b;}
.xc_1{ text-align:center;}
.abu_5 .swiper-slide{ position:relative;}

.abu_5 .swiper-slide:hover .xc_1 span{ color:#d4aa81;}

.abu_5 .swiper-slide:hover .nu_1 div{z-index:998;  animation: circle1-4 2s ease-out infinite;}

@keyframes circle1-4 {
    0% { opacity:1; transform:scale(1,1); } 
    100% { opacity:0; transform:scale(1.4,1.4); }
}

.abu_5 .swiper-slide:hover .nu_1 div{ width:20px; height:20px; background:rgba(212, 170, 129, 0.4); }
.abu_5 .swiper-slide:hover .nu_1 span{ width:11px; height:11px; background:#d4aa81; left:4px; top:4px;}


.abu_6{ background:url(../images/gywm_13.jpg) fixed no-repeat; position:relative; height:460px;}
.abu_6 div{ position:absolute; width:710px; text-align:center; height:105px; top:50%; left:50%; margin-top:-50px; margin-left:-350px;}
.abu_6 div img{ display:block; margin:0px auto;}

.abu_6 div span{ display:block;}
.abu_6 div em{ display:block; font-size:24px; color:#fff; font-weight:normal; padding-top:10px; font-style:normal;}



/* 优势 */
.swiper-container3 {width:100%;height:100%;margin-left:auto;margin-right:auto;}
.swiper-container3 .swiper-slide {text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */        display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.ys_oiu{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
.ys_oiu div{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#sli_1{ background:url(../images/ys_01.jpg) center no-repeat; position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}

.sli_right{ width:700px; float:right;}
.sli_left{ width:45%; float:left; text-align:left; padding-left:10%;}
.sw_div{}

.sli1_1 em{ color:#fff; font-size:20px; display:block; font-style:normal;}
.sli1_2{ color:#fff; padding-top:20px; height:330px;}
.sli1_2 span{ display:block; padding-bottom:20px; line-height:30px;}
.sli_right img{ width:100%; height:auto; display:block;}
.sli_right span{ position:absolute;     bottom: 120px;    right: 220px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.sli_right{ position:relative;}
.sli_right span{}
.sli_right span{transform: translateX(0); height:130px;  background-size: cover !important;  }
.sli_right span{animation:rtqfbj4 2s linear 1.5s forwards infinite alternate;}
@keyframes rtqfbj4 {
0% {transform: translateY(0);}
100% {transform: translateY(30px);}
}
.sli_right{ }
.sli_right {left:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .sli_right {left:0;opacity:1;transition:all 2s ease 0.5s;}
.sli_left {right:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .sli_left {right:0;opacity:1;transition:all 2s ease 0.5s;}

#sli_2{ background:url(../images/ys_02.jpg) center no-repeat; position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.sli_right img{ width:100%; height:auto; display:block; }


.sli2_2 { padding:20px 0px; }
.sli2_2 span{ text-align:center; padding-bottom:25px; line-height:24px; display:block; color:#fff; font-size:16px;}
.sw_div{ max-width:1500px; margin:0px auto;}

.sli2_3 ul li{ width:19%; margin:0px 3%; float:left; position:relative;}
.sli2_3 ul li img{ width:100%; height:auto; display:block;}
.w_900{width:900px; margin:0px auto;}

.sli2_3 ul li div{ position:absolute; top:45px; left:0px; width:100%; text-align:center;}
.sli2_3 ul li div img{ margin:0px auto; display:block; width:auto;}
.sli2_3 ul li div em{ font-style:normal; color:#fff;}

.sli2_3 ul li img{transition: all 2.0s; }

.sli2_3 ul li:hover img{transform: rotate(360deg);}

.ml_1{ position:absolute; bottom:150px; left:200px;}
.ml_2{ position:absolute; bottom:100px; right:200px;}

.ml_1:hover{}
.ml_1 {display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:14s;-ms-animation-duration:14s;animation-duration:14s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.ml_1:hover {}


.ml_2 {display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:14s;-ms-animation-duration:14s;animation-duration:14s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.ml_2:hover {}


.sli1_1 {top:-300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .sli1_1 {top:0;opacity:1;transition:all 2s ease 0.5s;}


.sli2_2 {left:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .sli2_2 {left:0;opacity:1;transition:all 2s ease 0.5s;}


.sli2_3 {right:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .sli2_3 {right:0;opacity:1;transition:all 2s ease 0.5s;}


#sli_3{ background:url(../images/ys_03.jpg) center no-repeat; position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.lo_3{ width:1000px; margin:0px auto; color:#fff; text-align:left;}
.li3_div{ padding-top:30px;}
.li3_div span{ display:block; padding-bottom:0px; line-height:32px;}

.li3_div {top:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .li3_div {top:0;opacity:1;transition:all 2s ease 0.5s;}


.lo4_left{ width:600px; margin-left:100px; float:left; position:relative;}
.lo4_right{ width:50%; float:right;}
.lo_4{ width:100%;}
#sli_4{ background:url(../images/ys_04.jpg) center no-repeat; position: relative;   top: 0;  background-size: cover !important;   overflow: hidden;}
.lo4_left em{ position:absolute; top:50px; left:50%; margin-left:-180px;}

.lo4_left span{ display:block; animation: 9.5s linear 0s normal none infinite rotate;
    -webkit-animation:9.5s linear 0s normal none infinite rotate;}


@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
    }
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
    }
@-ms-keyframes rotate{
    from{-ms-transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg)}
    }
@-o-keyframes rotate{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
    }

.lo4_right{ position:absolute; height:100%; background:rgba(0,0,0,0.6); top:0px; right:0px; padding:0px 60px; }
.l4_tt1{display: table;   table-layout: fixed;    width: 100%; height:100%;}
.l4_tt2{    display: table-cell;  vertical-align: middle;  width: 100%;  height: 100%;}

.lo4_t2 span{ display:block; padding-bottom:20px; color:#fff; font-size:16px; line-height:26px; text-align:left;}

.lo4_right .sli1_1{ text-align:left;}

.lo4_t2{ padding-top:30px;}
.lo4_t2{top:300px;opacity:0; position:relative;transition:all 1s ease 0.5s;}
.swiper-slide-active .lo4_t2 {top:0;opacity:1;transition:all 2s ease 0.5s;}





/* 大豆 */

.zj_js2{ overflow:hidden;    height: 485px;margin-top: 20px;}
.zj_jsleft{ width:50%; float:left; overflow:hidden;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}  
.zj_jsright{ width:50%; float:right; background:#f3f3f3; padding:50px 30px; padding-right:50px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.zj_jsright .yuy_tit{ width:100%; float:none;}
.zj_cen h3{ font-size:18px; padding-bottom:10px; text-align:left; color:#000; padding-top:20px;}  
.zj_cen{ padding-left:60px;}
.zj_cen span{ color:#464646; font-size:16px; text-align:left; display:block; height:279px; overflow-y:scroll;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;line-height: 2.4em;}

.zj_js2{ height:485px; overflow:hidden;}


.zj_cen span::-webkit-scrollbar {width: 8px;}
.zj_cen spanjs2::-webkit-scrollbar-track {background-color:#888; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
 .zj_cen span::-webkit-scrollbar-thumb { background-color:#888; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}













@media (max-width:1500px) {
.rt_ting{ padding-left: 20px; padding-right:20px;}
@keyframes rtqfbj {
0% {transform: translateX(0);}
100% {transform: translateX(600px);}
}
}

@media (max-width:1360px) {
body{min-width: auto;}
.wrap {width: 100%;}
.ban_text{max-width: 100%;}
.ban_text2{max-width: 100%; }
}

@media (max-width:768px) {

body{min-width: auto;}
@keyframes rtqfbj {
0% {transform: translateX(0);}
100% {transform: translateX(160px);}
}
 @keyframes rtqfbj2 {
0% {transform: translateX(0);}
100% {transform: translateX(0px);}
}
.ab5_div,.abu_3,.abdd_div{ padding-top:40px;}
.biji-content{ width:100%; float:none;}
.abu_2 ul li{ width:50%;}
.ab3_right{ width:100%; float:none;}
.ab3_right ul li{ padding:10px;}
.ab3_right ul li h3{ font-size:16px;}
.ab3_right ul li span{ font-size:14px; padding-top:5px; padding-left:20px; line-height:20px;}
.abu_4 #left-side{ width:100%; height:50px;    left: 10px;top: 160px;}
.abu_4 #left-side ul li{ width:44%; float:left; font-size:14px;height: 30px;line-height: 30px;    padding: 0 30px;}
.hj_1{    top: 42%;}
.abu_4 #tab_li5 .hj_1 span img{    width: 76%; margin: 0 auto;}
.abu_4 #tab_li5{ height:240px;}
.abu_5{ padding:50px 0px;}
.swiper-container2{ width:100%; float:none; height:240px; margin-top:20px;padding: 0;}
.swiper-button-next{ bottom:-10px; top:48px; right:0;}
.swiper-button-prev{ bottom:-10px; top:48px; left:0;}
.mk_p { top:47px;}
.xc_1 h2{ top:60px; bottom:inherit;}
.xc_1 span{ font-size:16px;}
.swiper-button-next, .swiper-button-prev{ background-size:20px 30px;}
.abu_6{ height:200px;}
.abu_6 div{ width:100%; margin:0px; left:0px; top:60px;}
.abu_6 div span img{ width:95%; margin:0px auto; height:auto; display:block;}
.ab_bannerpc{display: block;}

.sw_div{max-width: 100%;}
.sli_left{width: 100%;box-sizing: border-box;}
#sli_1{font-size: 14px;}
.sli_right{display: none;}


   
}